<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<link type="text/css"
	href="${pageContext.request.contextPath}/themes/icon.css"
	rel="stylesheet">
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
<title>Insert title here</title>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户管理</title>
</head>
<script type="text/javascript">
	$(function() {
		$('#dg').datagrid({
			url : 'showMyInfo',
			fitColumns : true,
			pagination : true,
			toolbar : [ {
				iconCls : 'icon-edit',
				text : "修改个人信息",
				handler : function() {
					$('#win1').window('open');
					var uid = ${cuser.uid};
					var uname = '${cuser.uname}';
					var uroot = '${cuser.uroot}';
					var upassword = '${cuser.upassword}';
					var utel = '${cuser.utel}';
					var ustate = '${cuser.ustate}';
					var rname = '${cuser.crole.rname}';
						$('#tb11').textbox('setValue',uid);
						$('#tb11').textbox('textbox').attr('readonly', true);
						$('#tb22').textbox('setValue',uname);
						$('#tb22').textbox('textbox').attr('readonly', true);
						$('#tb33').textbox('setValue',uroot);
						$('#tb33').textbox('textbox').attr('readonly', true);
						$('#tb44').textbox('setValue',upassword);
						$('#tb55').textbox('setValue',utel);
						$('#tb66').textbox('setValue',ustate);
						$('#tb66').textbox('textbox').attr('readonly', true);
						$('#tb77').textbox('setValue',rname);
						$('#tb77').textbox('textbox').attr('readonly', true);
						
				}
			}],
			columns : [ [{
				field : 'uid',
				title : '用户编号',
				width : 100,
				align : 'center'
			}, {
				field : 'uname',
				title : '用户姓名',
				width : 100,
				align : 'center'
			}, {
				field : 'utel',
				title : '用户联系方式',
				width : 100,
				align : 'center'
			}, {
				field : 'ustate',
				title : '用户账号状态',
				width : 100,
				align : 'center'
			}, {
				field : 'rname',
				title : '用户权限类型',
				width : 100,
				align : 'center'
			}, {
				field : 'disname',
				title : '所属站点',
				width : 100,
				align : 'center'
			}]],
		});

		//用户信息修改确认按钮的事件
		$('#btn3').bind('click', function() {
			var uid = $('#tb11').textbox('getValue');
			var uname = $('#tb22').textbox('getValue');
			var uroot = $('#tb33').textbox('getValue');
			var upassword = $('#tb44').textbox('getValue');
			var utel = $('#tb55').textbox('getValue');
			var ustate = $('#tb66').textbox('getValue');
			var rname = $('#tb77').textbox('getValue');
			var upasswords = '${cuser.upassword}';
			var utels = '${cuser.utel}';
			if(upassword==upasswords&&utel==utels){
				$.messager.show({
					title : '我的消息',
					msg : '没有修改任何信息',
					timeout : 2000,
					showType : 'slide',
				})
				$('#dg').datagrid('reload');
				$('#win1').window('close');
			}else{

				$.ajax({
					url : 'updateMyInfo',
					type : 'post',
					data : {
						'uid' : uid,
						'uname' : uname,
						'ustate' : ustate,
						'rname' : rname,
						'uroot' : uroot,
						'upassword' : upassword,
						'utel' : utel,
					},
					dataType : 'json',
					success : function(data) {
						if (data == 1) {
							$.messager.show({
								title : '我的消息',
								msg : '修改成功',
								timeout : 2000,
								showType : 'slide'
							})
							$('#dg').datagrid('reload');
							$('#win1').window('close');
						}else if(data == 2){
							$.messager.show({
								title : '我的消息',
								msg : '您没有进行任何修改',
								timeout : 2000,
								showType : 'slide'
							})
							$('#dg').datagrid('reload');
							$('#win1').window('close');
						} else {
							$.messager.show({
								title : '我的消息',
								msg : '修改失败',
								timeout : 2000,
								showType : 'slide',
							})
							$('#dg').datagrid('reload');
							$('#win1').window('close');
						}
					}
				})
			}
		});
		//用户信息修改取消按钮的事件
		$('#btn4').bind('click', function() {
			$('#dg').datagrid('clearSelections');
			$('#win1').window('close');
		});
		
		//密保问题选择下拉菜单
		$('#tb7').combobox({
			url : 'searchQuestions',
			valueField : 'question',
			textField : 'question',
			lines : true,
			editable : false,
			panelHeight : 'auto',
		});


	})
</script>
<body>
	<!-- 展示所有用户信息 -->
	<table id="dg"></table>


	<!-- 修改用户信息的表格 -->
	<div id="win1" class="easyui-window" title="修改用户信息"
		style="width: 600px; height: 400px"
		data-options="iconCls:'icon-save',modal:true,closed:true">

		<div id="update" style="margin-left: 150px; margin-top: 70px">
			用户编号:<input id="tb11" class="easyui-textbox"style="width: 200px; height: 20px"><br>
			用户姓名:<input id="tb22" class="easyui-textbox"style="width: 200px; height: 20px"><br>
			联系账号:<input id="tb33" class="easyui-textbox"style="width: 200px; height: 20px"><br>
			联系密码:<input id="tb44" class="easyui-textbox"style="width: 200px; height: 20px"><br>
			联系方式:<input id="tb55" class="easyui-textbox"style="width: 200px; height: 20px"><br>
			账号状态:<input id="tb66" class="easyui-textbox"style="width: 200px; height: 20px"><br>
			权限类型:<input id="tb77" class="easyui-textbox"style="width: 200px; height: 20px"><br>
			<div style="margin-left: 100px; margin-top: 30px">
				<a id="btn3" href="#" class="easyui-linkbutton"
					data-options="iconCls:'icon-ok'">确定</a> <a id="btn4" href="#"
					class="easyui-linkbutton" data-options="iconCls:'icon-no'">取消</a>
			</div>
		</div>
	</div>

</body>
</html>